<!DOCTYPE html>

<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Dart Editor</title>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="bootstrap_test.css">
    <style>body {
        padding-top: 60px;
      }
    </style>
    <link href="bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
  </head>

  <body>

    <div class="container-fluid">

      <div class="navbar navbar-fixed-top">
        <div class="navbar-inner">
          <div class="container">
            <a class="brand" href="#">Dart Editor</a>
            <ul class="nav">
              <li class="dropdown">
                <a id="drop1" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">File <b class="caret"></b></a>
                <ul class="dropdown-menu" role="menu" aria-labelledby="drop1">
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="http://google.com">Action</a></li>
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="#anotherAction">Another action</a></li>
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Something else here</a></li>
                  <li role="presentation" class="divider"></li>
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated link</a></li>
                </ul>
              </li>

              <li class="dropdown">
                <a id="drop1" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">Edit <b class="caret"></b></a>
                <ul class="dropdown-menu" role="menu" aria-labelledby="drop1">
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="http://google.com">Action</a></li>
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="#anotherAction">Another action</a></li>
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Something else here</a></li>
                  <li role="presentation" class="divider"></li>
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated link</a></li>
                </ul>
              </li>

              <li class="dropdown">
                <a id="drop1" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">Refactor <b class="caret"></b></a>
                <ul class="dropdown-menu" role="menu" aria-labelledby="drop1">
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="http://google.com">Action</a></li>
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="#anotherAction">Another action</a></li>
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Something else here</a></li>
                  <li role="presentation" class="divider"></li>
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated link</a></li>
                </ul>
              </li>

              <li class="dropdown">
                <a id="drop1" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">Run <b class="caret"></b></a>
                <ul class="dropdown-menu" role="menu" aria-labelledby="drop1">
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="http://google.com">Action</a></li>
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="#anotherAction">Another action</a></li>
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Something else here</a></li>
                  <li role="presentation" class="divider"></li>
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated link</a></li>
                </ul>
              </li>

              <li class="dropdown">
                <a id="drop1" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">Tools <b class="caret"></b></a>
                <ul class="dropdown-menu" role="menu" aria-labelledby="drop1">
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="http://google.com">Action</a></li>
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="#anotherAction">Another action</a></li>
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Something else here</a></li>
                  <li role="presentation" class="divider"></li>
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated link</a></li>
                </ul>
              </li>
            </ul>
            <form class="navbar-search pull-right">
              <input type="text" class="search-query" placeholder="Search">
            </form>
          </div>
        </div>
      </div>

<div class="row-fluid">
  <div class="span3">

<div class="accordion" id="accordion2">
  <div class="accordion-group">
    <div class="accordion-heading">
      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
        Files
      </a>
    </div>
    <div id="collapseOne" class="accordion-body collapse in">
      <div class="accordion-inner">
        <p><i class="icon-file"></i> foobarbaz.dart</p>
        <p><i class="icon-file"></i> foobarbaz.dart</p>
        <p><i class="icon-file"></i> foobarbaz.dart</p>
        <p><i class="icon-file"></i> foobarbaz.dart</p>
        <p><i class="icon-file"></i> foobarbaz.dart</p>
        <p><i class="icon-file"></i> foobarbaz.dart</p>
        <p><i class="icon-file"></i> foobarbaz.dart</p>
        <p><i class="icon-file"></i> foobarbaz.dart</p>
        <p><i class="icon-file"></i> foobarbaz.dart</p>
        <p><i class="icon-file"></i> foobarbaz.dart</p>
        <p><i class="icon-file"></i> foobarbaz.dart</p>
        <p><i class="icon-file"></i> foobarbaz.dart</p>
        <p><i class="icon-file"></i> foobarbaz.dart</p>
        <p><i class="icon-file"></i> foobarbaz.dart</p>
        <p><i class="icon-file"></i> foobarbaz.dart</p>
        <p><i class="icon-file"></i> foobarbaz.dart</p>
      </div>
    </div>
  </div>
  <div class="accordion-group">
    <div class="accordion-heading">
      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">
        Outline
      </a>
    </div>
    <div id="collapseTwo" class="accordion-body collapse">
      <div class="accordion-inner">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
      </div>
    </div>
  </div>
  <div class="accordion-group">
    <div class="accordion-heading">
      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseThree">
        Properties
      </a>
    </div>
    <div id="collapseThree" class="accordion-body collapse">
      <div class="accordion-inner">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
      </div>
    </div>
  </div>
</div>


</div> <!-- span3 -->
  <div class="span9">

      <div class="alert">
        <button type="button" class="close" data-dismiss="alert">&times;</button>
        <strong>Warning!</strong> Lorem ipsum dolor sit amet, consectetur
        adipisicing elit, sed do eiusmod tempor.
      </div>

      <div><ul class="nav nav-tabs">
        <li class="active"><a href="#foo1" data-toggle="tab"><i class="icon-file"></i> foo.dart</a></li>
        <li><a href="#foo2" data-toggle="tab"><i class="icon-file"></i> foo_utils.dart</a></li>
        <li><a href="#foo3" data-toggle="tab"><i class="icon-globe"></i> foo.html</a></li>
        <li><a href="#foo4" data-toggle="tab"><i class="icon-leaf"></i> foo.css</a></li>
      </ul>

      <div class="tab-content dfc-tab-body">
        <div class="tab-pane in active" id="foo1"><p>kjdshfkjsdhfkjhsd kfh kjhsdf</p></div>
        <div class="tab-pane" id="foo2">kdh kjhsdfkj kjhdsf ksjdhf dffdg</div>
        <div class="tab-pane" id="foo3">sdfkjkj kj234 kjh34 2344h</div>
        <div class="tab-pane" id="foo4">absd kjhsdkjfh kuyerjksdfhjh</div>
      </div>
    </div>
&nbsp;

<div class="accordion" id="accordion3">
  <div class="accordion-group">
    <div class="accordion-heading">
      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion3" href="#collapseOneOne">
        Problems
      </a>
    </div>
    <div id="collapseOneOne" class="accordion-body collapse in">
      <div class="accordion-inner">
        <p><i class="icon-exclamation-sign"></i> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
        <p><i class="icon-exclamation-sign"></i> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
        <p><i class="icon-exclamation-sign"></i> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
        <p><i class="icon-warning-sign"></i> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
      </div>
    </div>
  </div>
</div>

</div>
      </div> <!-- span9 -->

<div class="navbar navbar-fixed-bottom">
  <div class="navbar-inner">
    <div class="container">
      <!-- ul class="nav">
        <li class="divider-vertical"></li>
      </ul -->
      <p class="navbar-text pull-right">line 7 column 23</p>
    </div>
  </div>
</div>
    </div>
    
    <script src="bootstrap/js/jquery.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <script src="bootstrap_test.dart.js"></script>
  </body>
</html>
